<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>MARGIN值</title>
	<style>
		h2{margin:10px 0;}
		div{margin:20px 0;}
		.border {
			border: 1px solid #aaa;
		}
	</style>
	<script>
</script>
</head>
<body>
	<!-- div没有border,h2的margin直接冲上去了，原因见盒模型，解决方法之一为使用合适的css属性，比如说padding
	
	http://www.hicss.net/do-not-tell-me-you-understand-margin/
	 -->
	<h2>这是一个标题</h2>
	<div>
		<h2>这是又一个标题</h2>
	</div>
	<!-- div border -->
	<h2>这是一个标题</h2>
	<div class='border'>
		<h2>这是又一个标题</h2>
	</div>


	
</body>
</html>